<template>
  <div>
    <RecordTable />
    <WaterCharts />
  </div>
</template>

<script>
import RecordTable from "./components/RecordTable.vue";
import WaterCharts from "./components/WaterCharts.vue";
import { mapGetters, mapActions } from "vuex";
export default {
  name: "WaterAnalysis",
  components: { RecordTable, WaterCharts },
  data() {
    return {
      sensorList: [
        {
          value: "241",
          label: "无线传感网络241",
        },
      ],
      value: "无线传感网络241",
    };
  },
  mounted() {
    this.toGetLast7DaysData();
  },
  methods: {
    ...mapActions("waterAnalysis", {
      toGetLast7DaysData: "toGetLast7DaysData",
    }),
  },
  computed: {
    ...mapGetters("cruiseManage", ["sensorAddress", "sensorLnglat"]),
  },
};
</script>

<style scoped lang="less">
.card-header {
  /deep/ .el-card__header {
    border-left: 5px solid var(--blue);
  }
}
</style>